<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>get请求</button>
    <button>poet请求</button>
    <script>
        //get请求
        var btn_get = document.querySelectorAll('button')[0];
        btn_get.addEventListener('click', function () {
            //1.创建XMLHttpRequest对象
            var xhr = new XMLHttpRequest();
            console.log(xhr);
            //2.添加请求状态改变回调函数
            xhr.onreadystatechange = function () {
                //5.判断请求状态为状态4
                if (xhr.readyState == 4) {
                    //6.判断响应状态码
                    if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
                        console.log(xhr.response);//响应码
                        console.log(xhr.responseText);//响应的纯文本
                    }
                }
            }
            //3.打开连接设置请求方式和url
            xhr.open('GET', 'http://192.168.2.57:8081/student/login.php');
            //4.发送请求
            xhr.send();
        })

        // var xhr=new XMLHttpRequest();
        // xhr.onreadystatechange=function(){
            
        // }
        //post请求
        // var btn_post = document.querySelectorAll('button')[1];
        // btn_post.addEventListener('click', function () {
        //     //1.创建XMLHttpRequest对象
        //     var xhr = new XMLHttpRequest();
        //     console.log(xhr);
        //     //2.添加请求状态改变回调函数
        //     xhr.onreadystatechange = function () {
        //         //6.判断请求状态为状态4
        //         if (xhr.readyState == 4) {
        //             //7.判断响应状态码
        //             if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
        //                 console.log(xhr.response);//响应码
        //                 console.log(xhr.responseText);//响应的纯文本
        //             }
        //         }
        //     }
        //     //3.打开链接,设置请求方式和url
        //     xhr.open('POST', 'http://192.168.2.57:8081/student/login.php');
        //     //4.设置请求内容为表单格式(窗体格式)
        //     xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        //     //5.发送请求
        //     xhr.send("username=admin&password=admin");
        // })        
    </script>
</body>

</html>